
$(function () {
    // 两个参数，第一个参数 需要加载的模板，第二个参数  加载完成后需要做什么事情
    layui.use(['laydate', 'form', 'table'], function () {
        let laydate = layui.laydate;
        let form = layui.form;
        let table = layui.table;
        // 创建渲染实例
        table.render({
            elem: '#table'
            , url: '/back/product/findAll' // 此处为静态模拟数据，实际使用时需换成真实接口
            , page: true
            , where: {username: 'aa', phone: ''}
            , parseData: function (res) { //res 即为原始返回的数据
                console.log(res);
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.count, //解析数据长度
                    "data": res.data //解析数据列表
                };
            }
            , cols: [[
                {field: 'id', fixed: 'left', width: 80, title: 'ID'}
                , {field: 'name', width: 80, title: '产品名称'}
                , {field: 'normalPrice', width: 80, title: '正常价'}

                , {field: 'cuisineName', width: 80, title: '菜系名称'}
                , {
                    field: 'imgHref', title: '产品图片', templet: function (d) {
                        return '<img src="' + d.imgHref + '" width="50" height="50">';
                    }
                }
                , {
                    field: 'enable', title: '状态', width: 100, templet: function (d) {
                        return d.enable == 1 ? '启用' : '禁用';
                    }
                }
                , {fixed: 'right', title: '操作', align: 'center', width: 200, minWidth: 125, toolbar: '#barDemo'}
            ]]
        })

        //触发单元格工具事件
        table.on('tool(table)', function (obj) { // 双击 toolDouble
            var data = obj.data;
            //console.log(obj)
            if (obj.event === 'del') {
                // 弹出提示框让用户选中
                layer.confirm('真的删除行么', function (index) {
                    // 提交到Java后台，删除数据库数据
                    $.ajax({
                        url: '/back/product/delete',
                        data: {id: data.id},
                        type: 'post',
                        dataType: 'json',
                        success: function (res) {
                            if (res.code == 0) {
                                layer.msg(res.msg, function () {
                                    obj.del();
                                    layer.close(index);
                                })
                            } else {
                                layer.msg(res.msg);
                            }

                        }
                    })

                });
            } else if (obj.event === 'edit') {
                // console.log(data);
                //需要将当前的数据传递到修改页面
                // 需要将对象转换为json字符串
                // sessionStorage.setItem("productData", JSON.stringify(data));
                sessionStorage.setItem("productId", data.id);
                xadmin.open('编辑产品', '/html/product/product-update.html', 600, 400);
            } else if (obj.event === 'show') {
                xadmin.open('预览产品', '/html/product/product-show.html', 600, 400);
            }
        });
    })

})